<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <title>Projects</title>  	
        <meta name = "format-detection" content = "telephone=no" />
        <meta name="description" content="Your description" />
        <meta name="keywords" content="Your keywords" />    
        <link rel="icon" href="images/favicon.ico" type="image/x-icon" />    
        <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" href="css/touchTouch.css" />
        <link rel="stylesheet" href="css/style.css" />
        <script src="js/jquery.js"></script>
        <script src="js/superfish.js"></script>
        <script src="js/jquery.hoverIntent.minified.js"></script>
        <script src="js/jquery.easing.1.3.js"></script>
        <script src="js/jquery.equalheights.js"></script>
        <script src="js/jquery.mobilemenu.js"></script>
        <script src="js/touchTouch.jquery.js"></script>
        <script src="js/jquery.ui.totop.js"></script>
        <script src="js/script.js"></script>
        <script>
            jQuery(function() {
                $().UItoTop({easingType: 'easeOutQuart'});
            });
            $(window).load(function() {
                jQuery('.magnifier').touchTouch();
            });
        </script>
        <!--[if lt IE 8]>
           <div style=' clear: both; text-align:center; position: relative;'>
             <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
               <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
            </a>
          </div>
        <![endif]-->
        <!--[if lt IE 9]>
                <script src="js/html5.js"></script>
                <link rel="stylesheet" href="css/ie.css"> 
        <![endif]-->
    </head>
    <body>
        <!--==============================header=================================-->
        <header>
            <div class="container_12">
                <article class="grid_12">
                    <div class="inner-block">
                        <h1><a class="logo" href="index.html">logo</a></h1>
                        <nav>
                            <ul class="sf-menu responsive-menu">
                                <li class="sub-menu"><a href="index.html">About</a>
                                    <ul>
                                        <li><a href="#">staff</a></li>
                                        <li><a href="#">history</a></li>
                                        <li class="last4 sub-menu"><a href="#">news</a>
                                            <ul>
                                                <li><a href="#">fresh</a></li>
                                                <li class="last4"><a href="#">archive</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="current"><a href="index-1.html">Projects</a></li>
                                <li><a href="index-2.html">Services</a></li>
                                <li><a href="index-3.html">Links</a></li>
                                <li><a href="index-4.html">Contacts</a></li>
                            </ul>
                        </nav>
                        <div class="clear"></div>
                    </div>            
                </article>
                <div class="clear"></div>
            </div>
            <div class="head-line"></div>
        </header>

        <!--==============================content================================-->
        <div class="bg1">
            <div class="bg">
                <section id="content">    	
                    <div class="container_12">
                        <article class="grid_12">
                            <div class="inner-block">
                                <h3>The Best projects Available In a Cost-Effective Package</h3>
                            </div>
                        </article>
                        <div class="clear"></div>
                        <div class="thumb1">
                            <article class="grid_4">
                                <div class="inner-block">
                                    <div class="page1-box3 p16">
                                        <a class="page2-img1 magnifier" href="images/image-blank.png"><img src="images/page2-img1.jpg" alt=""><span></span></a>
                                        <div class="inner2">
                                            <a class="link2" href="#">MIUAS KIUASYA lroem poste rsen</a>
                                            <span class="text3">Bertarsa atunteger rutrum losai ertyua hatsfasa. <br />delertas. Ante eu lacus.uisque nullad.</span>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="grid_4">
                                <div class="inner-block">
                                    <div class="page1-box3 p16">
                                        <a class="page2-img1 magnifier" href="images/image-blank.png"><img src="images/page2-img2.jpg" alt=""><span></span></a>
                                        <div class="inner2">
                                            <a class="link2" href="#">MIUAS KIUASYA lroem poste rsen</a>
                                            <span class="text3">Bertarsa atunteger rutrum losai ertyua hatsfasa. <br />delertas. Ante eu lacus.uisque nullad.</span>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="grid_4">
                                <div class="inner-block">
                                    <div class="page1-box3 p16">
                                        <a class="page2-img1 magnifier" href="images/image-blank.png"><img src="images/page2-img3.jpg" alt=""><span></span></a>
                                        <div class="inner2">
                                            <a class="link2" href="#">MIUAS KIUASYA lroem poste rsen</a>
                                            <span class="text3">Bertarsa atunteger rutrum losai ertyua hatsfasa. <br />delertas. Ante eu lacus.uisque nullad.</span>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="grid_4">
                                <div class="inner-block">
                                    <div class="page1-box3 p16">
                                        <a class="page2-img1 magnifier" href="images/image-blank.png"><img src="images/page2-img4.jpg" alt=""><span></span></a>
                                        <div class="inner2">
                                            <a class="link2" href="#">MIUAS KIUASYA lroem poste rsen</a>
                                            <span class="text3">Bertarsa atunteger rutrum losai ertyua hatsfasa. <br />delertas. Ante eu lacus.uisque nullad.</span>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="grid_4">
                                <div class="inner-block">
                                    <div class="page1-box3 p16">
                                        <a class="page2-img1 magnifier" href="images/image-blank.png"><img src="images/page2-img5.jpg" alt=""><span></span></a>
                                        <div class="inner2">
                                            <a class="link2" href="#">MIUAS KIUASYA lroem poste rsen</a>
                                            <span class="text3">Bertarsa atunteger rutrum losai ertyua hatsfasa. <br />delertas. Ante eu lacus.uisque nullad.</span>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="grid_4">
                                <div class="inner-block">
                                    <div class="page1-box3 p16">
                                        <a class="page2-img1 magnifier" href="images/image-blank.png"><img src="images/page2-img6.jpg" alt=""><span></span></a>
                                        <div class="inner2">
                                            <a class="link2" href="#">MIUAS KIUASYA lroem poste rsen</a>
                                            <span class="text3">Bertarsa atunteger rutrum losai ertyua hatsfasa. <br />delertas. Ante eu lacus.uisque nullad.</span>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="grid_4">
                                <div class="inner-block">
                                    <div class="page1-box3 p16">
                                        <a class="page2-img1 magnifier" href="images/image-blank.png"><img src="images/page2-img7.jpg" alt=""><span></span></a>
                                        <div class="inner2">
                                            <a class="link2" href="#">MIUAS KIUASYA lroem poste rsen</a>
                                            <span class="text3">Bertarsa atunteger rutrum losai ertyua hatsfasa. <br />delertas. Ante eu lacus.uisque nullad.</span>
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <article class="grid_4">
                                <div class="inner-block">
                                    <div class="page1-box3 p16">
                                        <a class="page2-img1 magnifier" href="images/image-blank.png"><img src="images/page2-img8.jpg" alt=""><span></span></a>
                                        <div class="inner2">
                                            <a class="link2" href="#">MIUAS KIUASYA lroem poste rsen</a>
                                            <span class="text3">Bertarsa atunteger rutrum losai ertyua hatsfasa. <br />delertas. Ante eu lacus.uisque nullad.</span>
                                        </div>
                                    </div>
                                </div>
                            </article>
                        </div>
                        <div class="clear"></div>
                    </div>            
                </section>

                <!--==============================footer=================================-->
                <footer>
                    <div class="container_12">
                        <article class="grid_12"><div class="border-bot"></div></article>
                        <div class="clear"></div>
                        <article class="grid_12">
                            <figure class="foot-logo"><img src="images/foot-logo.png" alt=""></figure>
                            <div class="foot-page1">
                                arcon &copy; 2013 &nbsp;  | &nbsp; <a href="index-5.html">Privacy policy</a>
                                <div class="clear"></div>
                                <ul class="soc-links">
                                    <li><a class="soc-link1" href="#"></a></li>
                                    <li><a class="soc-link2" href="#"></a></li>
                                    <li><a class="soc-link3" href="#"></a></li>
                                    <li><a class="soc-link4" href="#"></a></li>
                                </ul>
                            </div>
                            <div class="clear"></div>
                        </article>
                        <div class="clear"></div>        
                    </div>
                </footer>
            </div>
        </div>
    </body>
</html>